Progressive Web Applications

Progressive Web Apps — это мобильное приложение в браузере, не требующее дополнительной установки. Когда пользователь открывает ваш сайт, он уже видит интерфейс приложения.

Возможные проблемы при отсутствии PWA

Медленная загрузка

При генерации вашей страницы задействуются SQL, CMS и подгружается миллион библиотек, ведь так «исторически сложилось». У вас уже есть 3 уровня кэширования, но загрузка всё равно медленная.

Сложность внесения изменений

Все кнопки на сайте завязаны на логику коробки CMS, которая не предполагает разделение front- и back-end'а. Маркетологи хотят изменений сегодня, но по факту на обновление контента сайта уходит очень много времени.

Проблемы с конверсией

Пользователь может покинуть сайт на любом этапе взаимодействия, просто потому что зашёл в метро или случайно закрыл страницу. У вас нет инструментов, чтобы вернуть его к сессии, и вы теряете клиентов на каждом уровне воронки.

PWA как альтернатива мобильному приложению

Повышает конверсию

Сайт с PWA отображается иконкой на телефоне. Это стимулирует пользователя посещать ресурс чаще, проводить на нём больше времени, улучшать свой пользовательский опыт и, как следствие, повышает конверсию на всех этапах взаимодействия с пользователем. Вы можете отправлять уведомления, чтобы напомнить о прерванной сессии.

Кроссплатформенность

PWA не требует отдельной разработки под каждую операционную систему. Совершенно не важно, какой у пользователя смартфон: Apple или Android — приложение будет работать вне зависимости от среды.

Работает офлайн

Это очень удобно. Пользователь может полистать любимый магазин, положить в «Корзину» нужный товар, отправить заказ, пока едет в метро. Благодаря PWA сайт уже находится на телефоне пользователя со всем каталогом товаров. В отличие от мобильного приложения, PWA не требует обновлений и свободной памяти на устройстве.

Экономит ресурсы

Не нужно тратить время на поиск дополнительной команды для разработки мобильного приложения. Мы используем дизайн текущего сайта для PWA, который адаптируется под любое мобильное устройство.

Преимущества PWA

Находится через поисковики

PWA можно найти через поисковые системы | KT.Team

Больше половины пользователей начинают путь к покупке или заказу услуги с поиска. PWA реализует server-side rendering для роботов и устаревших устройств. Благодаря прекрасным показателям поведенческих метрик в PWA, PWA сайты занимают высшие строчки рейтингов при прочих равных.

Интерфейс как у приложения

Все плюсы мобильного приложения у вас на сайте. От интерфейса управления конвейерной линией и инфокиоска, до фронта интернет-магазина. Один стек, один бюждет, быстрые правки и нет зависимости от официальных магазинов приложений.

Быстро загружается

Ядро PWA весит меньше, чем сайт или нативное приложение. После первой загрузки PWA, остальные страницы будут загружаться за 0,1 сек (плюс время на загрузку картинок): мгновенное обновление фильтраций каталога, реактивность по остаткам и т.п.

Front отделён от back'а

Редизайн вашего сложного проекта за 2,5 недели? Теперь это реально, и при встрече мы покажем вам про это на кейсах!

Устойчив к высоким нагрузкам

PWA стабильно работает даже при высоких нагрузках | KT.Team

Стабильно принимает и обрабатывает заказы даже в периоды сверхнагрузок, вне зависимости от пропускной способности ваших CMS/OMS систем благодаря сложной системы диспетчеризации важных событий (например, создание заказа).

Отраслевые решения

Задача

E-Commerce

Решение

Быстрая загрузка каталога

Сайт попадает на главный экран телефона, как нативное приложение. Быстрая загрузка каталога. Интерфейс адаптируется под мобильные устройства, десктопы, терминалы в торговых залах. Бесперебойно работает с нестабильной сетью.
‍
С внедрением PWA Lancôme повысила конверсию на 17 %.

Задача

B2B

Решение

PWA-приложения для закупок и продаж

PWA упрощает процесс закупок в B2B-секторе и сокращает затраты на отдел продаж / отдел по работе с клиентами. Проще загрузка повторяющихся категорий. Нет проблем с отложенной оплатой.

Задача

Медиа

Решение

Удобный интерфейс для всех устройств

Быстрая загрузка больших объёмов информации: статей, обзоров, видео. Лёгкая навигация по контенту. Удобный интерфейс для просмотра на мобильных устройствах и десктопе. Push-уведомления о новых публикациях.
С внедрением PWA журнал Forbes увеличил длительность сессии на 40 %!

Применение PWA в сфере развлечений | KT.Team

Задача

Развлечения

Решение

Быстрая загрузка увеличивает длительность сеанса

Уровень вовлечённости пользователей выше, чем на мобильном сайте. Пользователь проводит в PWA больше времени и просматривает больше страниц.
PWA позволил Pinterest увеличить активность пользователей на 60 %.

Задача

Сервисы

Решение

Установка через магазин приложений

Например, вызов такси, доставка еды, продажа билетов, туристические услуги, логистика. Быстрая загрузка даже при медленном Интернете. Находится через поисковики и не требует установки через «Play Маркет». Ключевые функции нативного приложения сохранены.
Приложение Uber с PWA-решением стало весить всего 50 Кбайт, что дало возможность загрузки даже с 2G-связью.